import styles from './index.less';
import { useModel } from 'umi';
import { Tag } from 'antd'
import { gqlQuery } from '@/services/_requestAPI';
import { getNotices } from '@/services/HTTPRequestFactory/example';
import { Button } from 'antd';

export default function IndexPage() {
  const masterProps = useModel('@@qiankunStateFromMaster');
  console.log(masterProps)
  return (
    <div className={styles.indexBody}>
      <h1>样例程序 - 中台应用程序</h1>

      <p>我们封装了HTTP和gql请求，这通常是两种不同的鉴权模式。</p>
      <p>记得去 <Tag color="blue">./services/_requestAPI.ts</Tag> 和 <Tag color="blue">./services/_requestURL.ts</Tag> 去配置全局API。</p>

      <Button
        onClick={async () => { gqlQuery('health').then(response => console.log(response)) }}
      >向服务器直接发送一个gql请求</Button>

      <p></p>
      <p>对于HTTP请求，我们建议使用requestFactory的方式进行处理。</p>

      <Button
        onClick={async () => { getNotices().then(response => console.log(response)) }}
      >向服务器发送一个HTTP请求</Button>
    </div>
  );
}
